<!-- 
/**
 *                    _ooOoo_
 *                   o8888888o
 *                   88" . "88
 *                   (| -_- |)
 *                    O\ = /O
 *                ____/`---'\____
 *              .   ' \\| |// `.
 *               / \\||| : |||// \
 *             / _||||| -:- |||||- \
 *               | | \\\ - /// | |
 *             | \_| ''\---/'' | |
 *              \ .-\__ `-` ___/-. /
 *           ___`. .' /--.--\ `. . __
 *        ."" '< `.___\_<|>_/___.' >'"".
 *       | | : `- \`.;`\ _ /`;.`/ - ` : | |
 *         \ \ `-. \_ __\ /__ _/ .-` / /
 * ======`-.____`-.___\_____/___.-`____.-'======
 *                    `=---='
 *
 * .............................................
 *          佛祖保佑             永无BUG
 */
-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>
		Flex Learning
	</title>
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
	<!-- 盒子 -->
	<div class="box">
		<!-- header -->
		<header id="header" class="">
			This is header of top!
		</header><!-- /header -->

		<article>
			<p>
				坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..坐个沙发, ie10的普及率还有待观望啊..
			</p>
		</article>
		<!-- 导航 -->
		<nav>
			导航
		</nav>
		<!-- 侧边栏 -->
		<aside>
			侧边栏
		</aside>

		<!-- footer -->
		<footer>
			This is footer of bottom!
		</footer>
	</div>
	

	<script src="./js/index.js" type="text/javascript" charset="utf-8" async defer></script>
</body>
</html>